﻿@using ECGadmin.WebUI.CustomHelpers
@using ECGadmin.WebUI.Models
@{
    ViewBag.Title = "Add";
    Layout = "~/Views/Shared/_layout.cshtml";
}
@*<link href="~/Content/css/browerImage.css" rel="stylesheet" />
<link href="~/Scripts/jQueryDatePicker/css/ui-lightness/jquery-ui-1.10.1.custom.min.css" rel="stylesheet" />
<link href="~/Scripts/jQueryDatePicker/js/jquery-ui-timepicker-addon.css" rel="stylesheet" />*@
<nav>
    <div class="breadCrumb">
        <ul>
            <li><a href="@Url.Action("Index", "Home")"><i class="bootstrap icon-home"></i></a></li>
            <li><a href="javascript:void(0)">Sản phẩm</a> </li>
            <li><a href="@Url.Action("Index", "Product")">Danh sách sản phẩm</a> </li>
            <li><a href="@Url.Action("Add", "ProductHot")">Sản phẩm Hot</a> </li>
        </ul>
    </div>
</nav>
<div class="boxAddProductTogether">
    <div class="p-cate">
        @Html.DropDownList("CategoryList", new SelectList(ViewBag.MenuList, "Id", "Name"), new { })
    </div>
    <div class="p-list">
        <div>
            <i>
                Trước khi thêm sản phẩm Hot hãy điền đầy đủ thông tin <u>ngày/giờ</u> và <u>hiển thị</u> trong danh sách lựa chọn
</i>
        </div>
        <table class="table-odd" cellspacing="0" cellpadding="0" style="width: 60%;">
            <thead>
                <tr>
                    <th style="width: 35px; text-align: center; padding-left: 0;">
                        @Html.CheckBox("chkAll")
                    </th>
                    <th style="width: 80px;">
                        Barcode
                    </th>
                    <th>
                        Tên sản phẩm
                    </th>
                    <th>
                        Time End
                    </th>
                    <th style="width: 40px;">
                        Show
                    </th>
                </tr>
            </thead>
            <tbody>
                @*<tr>
                        <td>
                            @Html.CheckBox("chkItem")
                        </td>
                        <td>A010038</td>
                        <td style="text-align: left;">Gối ngủ cho bé từ 5 tuổi</td>
                    </tr>*@
            </tbody>
        </table>
    </div>
    <div class="p-btn-addTogether">
        <p>
            <i>checked vào một hoặc nhiều sản phẩm bên trên</i>
        </p>
        <input type="button" value="Thêm sản phẩm" class="btnAddTogether" />
    </div>
    <div class="Info-header">
        <span>Danh sách các sản Hot đang hoạt động</span>
    </div>
    <div class="Info-body">
        <table class="table-odd" cellspacing="0" cellpadding="0">
            <thead>
                <tr>
                    <th>
                        Stt
                    </th>
                    <th style="width: 35px; text-align: center; padding-left: 0;">
                        Barcode
                    </th>
                    <th style="width: 50px;">
                        Hình ảnh
                    </th>
                    <th>
                        Tên sản phẩm
                    </th>
                    <th style="width: 200px;text-align:center;">
                        Thời gian kết thúc
                    </th>
                    <th style="width: 50px;">
                        Show
                    </th>
                    <th style="width: 50px;">
                        <a href="javascript:void(0)" onclick="DelProductHotAll()">Xóa tất</a>
                    </th>
                </tr>
            </thead>
            <tbody>
                @Html.Action("GetListProductHot", "ProductHot")
            </tbody>
        </table>
    </div>
</div>
@section scripts
{
    @*@Scripts.Render("~/bundles/jqueryval")
    <script src="@Url.Content("~/Scripts/jQueryDatePicker/js/jquery-ui-1.10.1.custom.min.js")"></script>
    <script src="@Url.Content("~/Scripts/jQueryDatePicker/js/jquery-ui-timepicker-addon.js")"></script>*@

    <script>

    $(function () {
        $('#CategoryList').change(function () {
            var cmd = $(this);
            //alert(cmd.val());
            $.ajax({
                url: '/ProductHot/AjaxProductHotByCate',
                data: { categoryId: cmd.val() },
                success: function (result) {
                    if (result) {
                        $('.p-list table.table-odd tbody').html(result);
                        // ------------- Date picker -------
                        //$('.TimeEnd').datetimepicker({ dateFormat: 'dd/mm/yy', timeFormat: "hh:mm:ss tt" });
                        $('.btnAddTogether').click(function () {
                            //alert($('.p-list table.table-odd tbody input[name$=chkItem]').size());
                            btnAddTogether();
                        });
                    } else {
                        alert('Không có sản phẩm nào!');
                    }
                },
                error: function () {
                    alert('Đã có lỗi xảy ra!');
                }
            });
        });
    });

    function btnAddTogether() {
        var listMap = '';
        $('.p-list table.table-odd tbody input[name$=chkItem]').each(function () {
            var cmd = $(this);
            if (cmd.is(':checked')) {
                //alert(cmd.attr('idata'));
                var date = cmd.parent().parent().find('input[name$=TimeEnd]').val();
                var cmdShowHot = cmd.parent().parent().find('input[name$=ShowpHot]');
                var showphot = false;
                if (cmdShowHot.is(':checked')) {
                    showphot = true;
                }
                listMap = listMap + cmd.attr('idata') + ',' + date + ',' + showphot + ';';
            }
        });
        $('.Info-body table.table-odd tbody').html('');
        $('.Info-body table.table-odd tbody').append('<tr><td colspan="5" style="min-height:150px;"><img src="/Content/images/ajax-loading.gif" width="40" height="40" /></td></tr>');
        $.ajax({
            url: '/ProductHot/AddProductHot',
            data: { ListMap: listMap },
            success: function (result) {
                if (result) {
                    setTimeout(function () {
                        $('.Info-body table.table-odd tbody').find('img').remove();
                        //load lai danh sach together
                        $.ajax({
                            url: '/ProductHot/GetListProductHot',
                            data: {},
                            success: function (data) {
                                if (data) {
                                    $('.Info-body table.table-odd tbody').html(data);
                                }
                            },
                            error: function () {
                                alert('Đã có lỗi xảy ra!');
                            }
                        });
                    }, 1500);

                } else {
                    alert('Thêm sản phẩm không thành công!');
                }
            },
            error: function () {
                alert('Đã có lỗi xảy ra!');
            }
        });        
    }

    function DelProductHot(_cmd) {
        var cmd = $(_cmd);
        if (confirm("bạn có chắc chắn muốn xóa sản phẩm này !")) {
            $.ajax({
                url: '/ProductHot/DelProductHot',
                data: { id: cmd.attr('idata') },
                success: function (data) {
                    if (data) {
                        cmd.parent().parent().fadeOut();
                    }
                },
                error: function () {
                    alert('Đã có lỗi xảy ra!');
                }
            });
        }
    }

    function DelProductHotAll(pId) {
        if (confirm("bạn có chắc chắn muốn xóa toàn bộ sản phẩm này !")) {
            $.ajax({
                url: '/ProductHot/DelAllProductHot',
                data: {},
                success: function (data) {
                    if (data) {
                        $('.Info-body table.table-odd tbody tr').fadeOut();
                    }
                },
                error: function () {
                    alert('Đã có lỗi xảy ra!');
                }
            });
        }
    }
    </script>

}